/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #000;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 14px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #fff;	/*背景色*/
	-webkit-text-size-adjust: none;
}
p,ul,ol,li,dl,dt,dd,form,figure,form,select,input,textarea {margin: 0px;padding: 0px;font-size: 100%;}
ul {list-style-type: none;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}
video,audio {max-width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #31663e;		/*リンクテキストの色*/
	transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}
a:hover {
	color: #7ebb77;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*サイトの最大幅の設定
---------------------------------------------------------------------------*/
#container,#menubar,footer .inner {
	max-width: 1400px;	/*サイトの最大幅。これ以上大きくならない。*/
	margin: 0 auto;
}
/*コンテンツ（mainとsubブロックを囲むボックス）
---------------------------------------------------------------------------*/
#container {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

#main-contents {
  width: 100%;
  margin: 5 auto;

  justify-content: space-between;
  background-color: #fff;
  clear: both;
}

#right-contents {
  margin-left : auto; /* 左側のマージンを自動算出 */
  margin-right : auto; /* 右側のマージンを自動算出 */
  width: 200px;
  margin: 10px;
  background-color: #fff;
    clear: both;

}


.footer {
  margin: 10px auto;
  padding: 10px;
  background-color:#31663e;
  text-align: center;
  color: #fff;
}




h1 {
 margin-top: 10px;
 margin-bottom: 10px;
 text-align: center;
 background-color: #97BD7D;
	font-family :
	YuGothic,    /* Mac用 */
	'Yu Gothic', /* Windows用 */
	sans-serif;

}
h2 {
 margin-top: 10px;
 margin-bottom: 10px;
 text-align: left;
 padding: 6px;
 border:2px solid #97BD7D;	font-family :
	YuGothic,    /* Mac用 */
	'Yu Gothic', /* Windows用 */
	sans-serif;
}
h3 {
 margin-top: 10px;
 margin-bottom: 6px;
 padding: 6px;
 text-align: left;
 background-color: #ede4cd;
	font-family :
	YuGothic,    /* Mac用 */
	'Yu Gothic', /* Windows用 */
	sans-serif;
}
h4{
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 6px;
  border:2px solid #ede4cd;	font-family :
	YuGothic,    /* Mac用 */
	'Yu Gothic', /* Windows用 */
	sans-serif;
 }

p{
	margin:10px;	
}



div#i-box{
 margin:20px;
 paddiig:20px;
 border:1px solid #829a5b;
 background-color:#fff;
 clear: both;
}

div.list{
	display: inline;
	margin: 20px;
    clear: both;
}

#box{
display: flex;

 width: 300px;
 margin:10px;
 paddiig:20px;
 border:1px solid #ede4cd;
 background-color:#fff;
}
.inbox{
 border:1px solid #ede4cd;
 background-color:#fff;
 width: 200px;
 margin:4px;
 paddiig:4px;
 font-size: 0.9em;
}
img{
 padding: 4px;
 text-align: center;
}



/*---シンプルテーブル↓---*/
.simple{
margin; 10px;
width: 95%;
border-collapse: collapse;
}
.simple th{
padding: 6px;
text-align: center;
vertical-align: top;
color: #333;
background-color: #97BD7D;
border: 1px solid #97BD7D;
}
.simple td{
padding: 6px;
background-color: #fff;
border: 1px solid #ede4cd;
}

.right{
    text-align: right;
	clear: both;	
{